// alert("Hello World");
// alert(1/3 === (1-2)/3);
// alert(1/3 === 1/3);
// let arr = [1, 1.2, "张", null, undefined, true]
// let _a = arr[0]
// let $1 = arr[1]
// let [a, b, c, d, e, f] = arr
// i = 0;  // 全局变量

// string
// let stu = "student";
// alert(stu.length);
// alert(stu.toUpperCase());
// alert(stu.indexOf('t'));
// alert(stu.substring(2,4));

// array
// let arr = [1, 1.2, "张", null, undefined, true];
// document.write(arr.length.toString());
// document.write("<br>");
// document.write(arr.slice(1, arr.length).toString());
// document.write("<br>");
// document.write(arr.push(1, 2).toString());
// arr.pop();
// arr.shift()
// arr.unshift()
// document.write("<br>")
// document.write(arr.reverse().toString());
// document.write("<br>")
// document.write(arr.concat(["----", "####"]).toString())
// document.write("<br>")
// document.write(arr.join("----"))

// object
// let obj = {
//     name: "张三",
//     age: 18,
//     sex: "男"
// }
// document.write(obj.name, obj.age, obj.sex);
// document.write("<br>")
// let age = [11,22,33,44,55,66];
// for (const ageKey in age) {
//     document.write(age[ageKey].toString())
// }
//
// document.write("<br>")
// age.forEach(function (value) {
//     document.write(value.toString())
// });

// Map
// let map = new Map([
//     ["tom", 100],
//     ["jack", 90],
//     ["Bianca", 80]
// ]);
// for (const mapElement of map) {
//     document.write(mapElement.toString());
// }
// document.write(Array.from(map).toString())
// document.write(map.get("tom").toString());
// document.write("<br>")
// map.set("ele", "ELE");
// document.write(map.get("ele").toString());
// document.write("<br>");
// document.write(map.has("tom").toString());
// document.write("<br>");
// document.write(map.delete("tom").toString());

// Set
// let set = new Set([1, 1, 2, 3, 4, 5, 4]);
// set.forEach(function (value) {
//     document.write(value.toString() + "\t");
// })
// document.write("<br>")
// document.write(Array.from(set).toString())
// document.write("<br>")
// for (const number of set) {
//     console.log(typeof number);
//     document.write(number.toString() + "\t")
// }
// document.write("<br>")
// document.write("<br>")
// let age = [11,22,33,44];
// for (const i of age) {
//     console.log(i);
// }

// 函数
// function abs(a, ...b) {
//     document.write(arguments.length.toString());
//     document.write(b.toString());
//     if (typeof a !== "number") return NaN;
//     if (a >= 0) return a;
//     return -a;
// }
// console.log("结果: " + abs(-2, 34,5,23,5));

//方法
// 方式一
// let stu = {
//     name: "张三",
//     gender: "男",
//     birth: 2020,
//     age: function() {
//         let now_year = new Date().getFullYear();
//         return now_year - this.birth;
//     }
// }
// 方式二
// function myAge() {
//     let now = new Date().getFullYear();
//     return now - this.birth;
// }
// let stu1 = {
//     name: "张三",
//     gender: "男",
//     birth: 2020,
//     age: myAge()
// }
// myAge().apply(stu, []);

// Data
// let date = new Date();
// date.getFullYear();
// date.getMonth();
// date.getDate();
// date.getDay();
// date.getHours();
// date.getMinutes();
// date.getSeconds();
// date.getTime();
//
// currentTime = new Date(date.getTime());
// currentTime.toLocaleDateString();

// let obj = {
//     name: "张三",
//     age: 18,
//     sex: "男"
// }
// let jsonObj = JSON.stringify(obj);
// console.log(jsonObj);
// console.log(JSON.parse(jsonObj))

// 面向对象
// let stu = {
//     name: "张三",
//     gender: "男",
//     birth: 2020,
//     age: function() {
//         let now_year = new Date().getFullYear();
//         return now_year - this.birth;
//     }
// }
//
// class stu1 {
//     constructor(name, gender, birth) {
//         this.name = name;
//         this.gender = gender;
//         this.birth = birth;
//     }
//     age() {
//         let now_year = new Date().getFullYear();
//         return now_year - this.birth;
//     }
// }
// stu1.prototype.hello = function() {
//     console.log("hello");
// }
// stu1.prototype.hello();

// 继承
// class stu1 {
//     constructor(name, gender, birth) {
//         this.name = name;
//         this.gender = gender;
//         this.birth = birth;
//     }
// }
// class stu2 extends stu1 {
//     constructor(name, gender, birth, score) {
//         super(name, gender, birth);
//         this.score = score;
//     }
//     hello() {
//         console.log("hello");
//     }
// }
// let st = new stu1("张三", "男", 2020);
// let stt = new stu2("张三", "男", 2020, 100);

// location
// console.log(location.host);
// console.log(location.hostname);
// console.log(location.href);
// console.log(location.search);
// location.replace("https://www.baidu.com");
// location.assign("https://www.qq.com");
// console.log(location.protocol)

// DOM
// let h1 = document.getElementsByTagName("h1");
// let p = document.getElementsByTagName("p");
// let div1 = document.getElementById("box1");
// let div2 = document.getElementsByClassName("box2");

// 确保html元素加载完毕再执行一下操作
window.onload = function() {
    let p = document.getElementsByClassName("p1");
    let div1 = document.getElementById("box1");
    let sp = document.getElementById("spa");
    // div1.innerText = "Hello World";
    // div1.style.color = "red";
    // div1.innerHTML = "<h1>Hello World</h1>";
    // p[0].innerHTML = "<h1>Hello World</h1>";
    // div1.removeChild(sp);
    p[0].appendChild(sp);
    div1.appendChild(sp);

};
